<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="toTop" content="true">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

<!--头部公用部分载入-->
<script type="text/javascript" src="./Public/Home/js/jquery-1.8.2.min.js"></script>
<!--<script type="text/javascript" src="./Public/Home/js/jquery.1.7.2-min.js"></script>-->
<script type="text/javascript" src="./Public/Home/js/js.js"></script>

</head>
<body>
	
	<!-- 顶部开始 -->
<div id="top">
   <div class="topall">
       <a class="topallleft1" href="http://127.0.0.1/project/index.php?m=Home&c=Index&a=index">商城首页</a>
       <a class="topallleft2" href="">玩货</a>
                       
       <span class='topallleft3'>
       <a href="http://127.0.0.1/project/index.php?m=Home&c=Login&a=index" class="login">登录</a>
       <a href="http://127.0.0.1/project/index.php?m=Home&c=Reg&a=index" class="reg">注册</a>  
       </span>
              <span class='link'>|</span>
       <span class='topallleft3'>
       <a href="http://127.0.0.1/project/index.php?m=Home&c=Orderlist&a=index" class="reg">我的订单</a>     
       </span>
       <span class='link'>|</span>
       <span class='topallleft3'>
       <a href="" class="reg">我的卖家</a>     
       </span>
       <span class='link'>|</span>
       <span class='topallleft3'>
       <a href="" class="reg">帮助中心</a>     
       </span>
       <span class='link'>|</span>
       <span class='topallleft4'>客服电话 400-810-0580</span>
   </div>	
</div>
<!-- 顶部结束 -->
<!-- 搜索区域开始 -->
<div id="search">
   <div class="searchleft">
   	  <a href=""class="searchlogo"></a>
   <div class="searchka">
  	 <form name="" action="" target="">
  	   <div class="searchkatext">
  	     <input name="" value="" type="text">
  	   </div>
  	   <div class="searchkasubmit">
  	     <input value="搜&nbsp;&nbsp;&nbsp;索" type="submit">
  	   </div>
  	   </form>
  	   <ul class="searchgjz">
	  	   <li><a href="">GoPro</a></li>
	  	   <li><a href="">大疆</a></li>
	  	   <li><a href="">PHILIPS电动牙刷</a></li>
	  	   <li><a href="">演唱会门票</a></li>
	  	   <li><a href="">20元海淘券</a></li>
  	   </ul>
  	   
   </div>
                       
     <a href="http://127.0.0.1/project/index.php?m=Home&c=Cart&a=index&cmid=0" class="searchgwc"><i><em id='gwc' style="overflow: hidden;">0</em></i>购物车</a>
          </div>
</div>
<!-- 搜索区域结束 -->

<!-- 导航分类开始 -->
<div id="nav">
	<div class="navall">
		<ul>
			<li><a href="index.php"  >首页</a></li>
						<li><a href="http://127.0.0.1/project/index.php?m=Home&c=Cata&a=index&cid=1" >影视周边</a></li>
						<li><a href="http://127.0.0.1/project/index.php?m=Home&c=Cata&a=index&cid=2" >数码IT</a></li>
						<li><a href="http://127.0.0.1/project/index.php?m=Home&c=Cata&a=index&cid=3" >图书用品</a></li>
						<li><a href="http://127.0.0.1/project/index.php?m=Home&c=Cata&a=index&cid=4" >个人美妆</a></li>
						<li><a href="http://127.0.0.1/project/index.php?m=Home&c=Cata&a=index&cid=5" >服饰配件</a></li>
						<li><a href="http://127.0.0.1/project/index.php?m=Home&c=Cata&a=index&cid=6" >小家电</a></li>
						<li><a href="http://127.0.0.1/project/index.php?m=Home&c=Cata&a=index&cid=7" >票务演出</a></li>
						<li><a href="http://127.0.0.1/project/index.php?m=Home&c=Cata&a=index&cid=8" >食品</a></li>
						<li><a href="http://127.0.0.1/project/index.php?m=Home&c=Cata&a=index&cid=9" >日用百货</a></li>
						<li><a href="http://127.0.0.1/project/index.php?m=Home&c=Cata&a=index&cid=10" >其他</a></li>
					</ul>
	</div>
</div>
<!-- 导航分类结束 -->

<link rel="stylesheet" href="./Public/Home/css/list.css" />
<script src="./Public/Home/js/lun.js" type="text/javascript"></script>
<script type="text/javascript">
	var ybdz="<?php echo U('Cart/kczs')?>";
</script>
<script src="./Public/Home/js/base.js" type="text/javascript"></script>
<script type="text/javascript">
			$(function(){
				//表单的提交事件
				$('.buy').click(function(){
					//用class点击获得规格
					var guge = '';
					$.each($('.tuuu'), function() {
						guge += $(this).text() + ',';
					});
					
					var num=$('[name=num]').val();
//					alert(guge);
					//发送异步
					$.ajax({
						type:"post",
//						请求地址
						url:"<?php echo U('Cart/add',array('cmid'=>$_GET['cmid']))?>",
						data:{
							options:guge,
							num:num
						},
						dataType:'json',
						success:function(data){
						     alert('添加成功');
						}
					});
				})
			})
		</script>

<!-- 轮播图开始 -->
<div id="shop-logo">
	<div class="logo-tu">
        <a href=""><img class="tu1" src="./Public/Home/img/list-logo.jpg" alt="" /></a>
        <a class="zi" href="">牛掰官方旗舰店</a>
    </div>
</div>
<!-- 轮播图结束 -->

<!--主题区域开始-->
<div id="list" >
	<div class="listall">
	    <div id="preview" class="spec-preview">
	    	<span class="jqzoom"><img width="348px" height="348px" jqimg="<?php echo $prdata['picture'][0]?>" src="<?php echo $prdata['picture'][0]?>" /></span>
	    </div>
	    <!--缩图开始-->
	    <div class="spec-scroll"> <a class="prev">&lt;</a> <a class="next">&gt;</a>
	      <div class="items">
	        <ul>
	          <?php foreach ($prdata['picture'] as $v){?>
	          <li><img alt="" bimg="<?php echo $v?>" src="<?php echo $v?>" onmousemove="preview(this);"></li>
	          <?php }?>
	        </ul>
	      </div>
	    </div>
	    <!--缩图结束-->
	</div>
	
	<form action="" method="post">
	<?php foreach ($commdata as $v){?>
	<div class="list-right">
		<div class="list-right1"><?php echo $v['cmname']?></div>
	    <div class="list-right1 fg">《虎妈猫爸》官方正品 </div>
	</div>
	<div class="list-bottom">
		<div class="list-bottom1">
			<span class="bottom11">市场价</span>
			<span class="fg" style=" color:#BBBBBB;text-decoration: line-through;">￥ <?php echo $v['mktprice']?></span>
		</div>
		<div class="list-bottom1">
			<span class="bottom11">优酷价</span>
			<span class="fg">￥ <span class="fg gggg" c=<?php echo $v['sptprice']?>><?php echo $v['sptprice']?></span></span>
		</div>
	    <div class="list-bottom2">
	    	<span class="bottom22">运费</span>
	    	<span class="bottomfg">上海</span>
	    	<span class="bottomfg">至</span>
	    	<span class="bottomfg">默认</span>
	    	<span class="bottomfg">快递:<span>15.00</span></span>
	    </div>
	    <?php }?>
	    <?php foreach ($spedata as $v){?>
	    <div class="list-bottom3" style="clear: both;">
	    	<span class="bottom33"><?php echo $v[0]['taname']?></span>
	    	<ul class="bottomul">
	    		<?php foreach ($v as $vv){?>
	    		<li a=<?php echo $vv['sid']?> b=<?php echo $vv['commodity_cmid']?>><?php echo $vv['sability']?></li>
	    		<?php }?>
	    	</ul>
	    </div>
	    <?php }?>
	    <div class="list-bottom4">
	    	<span class="bottom44">数量</span>
	    	<div class="bottom444">
				<div>
					<a href="javascript:;" style="text-decoration: none;" class="jian">-</a>
					<a href="javascript:;" style="text-decoration: none;" class="jia">+</a>
					<input value="1" name="num">
				</div>
				<?php foreach ($commdata as $v){?>
				<div class="kcsl">库存剩余<span class="kczs"><?php echo $v['stocks']?></span>件</div>
			    <?php }?>
				<div class="bottom5">
					<a href="<?php echo U('Cart/index',array('cmid'=>$v['cmid']))?>" class="buy">立刻购买</a>
					<a href="javascript:;" class="buy gwc">加入购物车</a>
				</div>
	    	</div>
	    </div>
		    <div class="bottom6">
		       <span class="bottom44" style="float: left;" >服务</span>
		       <span class="bottom44" style="float: left; width: 220px; height: 45px; overflow: hidden;"><?php echo $prdata['service']?></span>
		    </div>
	</div>
	</form>
</div>
<div style="clear: both;"></div>
<div id="content">
	<div class="content-left">
		<!--<div class="left1">
			<a href="">进入店铺</a>
		</div>
		<div class="left1">
			<a href="">进入店铺</a>
		</div>-->
		<div class="left2">
			<span style="width: 223px;">商品分类</span>
			<ul>
				<?php foreach ($cdata as $v){?>
				<li><a href="<?php echo U('Cata/index',array('cid'=>$v['cid']))?>"><?php echo $v['cname']?></a></li>
				<?php }?>
			</ul>
		</div>
	</div>
	<div class="content-right">
		<div class="right1">
			<a href="javascript:;" class="right1-1 gg">商品详情</a>
			<a href="javascript:;" class="right1-1 fg">售后服务</a>
		</div>
		<div class="right2">
			<?php echo $prdata['aboutarticles']?>
		</div>
		<div class="right2" style="display: none;">
			<?php echo $prdata['service']?>
		</div>
	</div>
</div>

<!--主题区域结束-->

<div style="clear: both;"></div>
<!--调用尾部公用-->
<!--尾部区域开始-->
<div id="footer">
	<div class="footertop">
		<div class="footertop1"></div>
		<hr />
		<div class="footertop2">
			<p>
				商家入驻：
				<a href="http://www.tudou.com">mall@tudou.com</a>
			</p>
			
			
		</div>
		<div class="footertop2 top3">
			<p>
				Copyright©2015 优酷 youku.com 版权所有 京ICP证060288号 | 
				<a href="http://www.youku.com">优酷商城用户服务协议</a>
			</p>
	</div>	
</div>
<!--尾部区域结束-->
</body>
</html>
